<html>
<head>
<style type="text/css">
<!--
 .imgmap_css_container a {
 text-decoration: none;
 z-index: 200;
 }
 .imgmap_css_container a:hover {
 border: solid 1px red;
 }
 .imgmap_css_container a em {
 xdisplay: none;
 }
 .imgmap_css_container a:hover em {
 display: block;
 background-color: white;
 color: black;
 }
//-->
</style>
</head>
<body>
asdasdasd<br>
sdasdasd
<br>
//you have to add a container around the image and the map with position relative;

asdasd<div style="position: relative;"><img src="example_files/sample1.jpg"/>
<div class="imgmap_css_container" id="imgmap200811312533"><a style="position: absolute; top: 0px; left: 324px; width: 84px; height: 84px;"  alt="compass" title="compass" href="compass" target="" ><em>compass</em></a><a style="position: absolute; top: 215px; left: 475px; width: 120px; height: 63px;"  alt="coins" title="coins" href="coins" target="" ><em>coins</em></a><a style="position: absolute; top: 84px; left: 367px; width: 170px; height: 154px;"  alt="stamps" title="stamps" href="stamps" target="" ><em>stamps</em></a><!-- Created by Online Image Map Editor (http://www.maschek.hu/imagemap/index) --></div>
</div>

<br>
here  is a right floated image:<br>
<img src="example_files/sample1.jpg" style="float:right"/>
<div style="position: relative;float: right"><div class="imgmap_css_container" id="imgmap200811312534"><a style="position: absolute; top: 0px; left: 324px; width: 84px; height: 84px;"  alt="compass" title="compass" href="compass" target="" ><em>compass</em></a><a style="position: absolute; top: 215px; left: 475px; width: 120px; height: 63px;"  alt="coins" title="coins" href="coins" target="" ><em>coins</em></a><a style="position: absolute; top: 84px; left: 367px; width: 170px; height: 154px;"  alt="stamps" title="stamps" href="stamps" target="" ><em>stamps</em></a><!-- Created by Online Image Map Editor (http://www.maschek.hu/imagemap/index) --></div>
</div>

//here the image can be outside the container<br>
asda asd asd asd asd asd asd asd asd asd asd
asda asd asd asd asd asd asd asd asd asd asd
asda asd asd asd asd asd asd asd asd asd asd
asda asd asd asd asd asd asd asd asd asd asd
asda asd asd asd asd asd asd asd asd asd asd
asda asd asd asd asd asd asd asd asd asd asd
asda asd asd asd asd asd asd asd asd asd asd
asda asd asd asd asd asd asd asd asd asd asd


</body>
</html>
